<html>
 <head>
  <title>Whisper Muse - Edit Account</title>
  
  <style type="text/css">
	a:link
	{
		color: yellow;
		font-family: verdana, arial, sans-serif;
	}
	a:visited
	{
		color: #006699;
		font-family: verdana, arial, sans-serif;
	}
	a:hover
	{
		color: yellow;
		font-family: verdana, arial, sans-serif;
	}
	a:active
	{
		color: #00FF99;
		font-family: verdana, arial, sans-serif;
	}

	.title
	{
		font-family: verdana, arial, sans-serif;
		font-size: 38px;
		color: yellow;
	}

	* 
	{ 
		background-color: black;
		padding: 0;
		margin: 0;
	}

	.container 
	{
		margin-left: auto;
		margin-right: auto;
		width: 900px;
		
		background-color: black;
		background-repeat: no-repeat;
	}

	.clear 
	{
		
		clear: both;
		display: block;
	}

	#header 
	{
		margin-top: 41px;
		margin-left: 50px;
		display: inline;
		float: left;
		position: relative;
		width: 900px;
  		height: 80px;
	}
	#toprow1
	{
		margin-left: 20px;
		display: inline;
		float: left;
		position: relative;
		width: 200px;
		height: 60px;
	}
	#toprow2
	{
		margin-left: 20px;
		display: inline;
		float: left;
		position: relative;
		width: 200px;
		height: 60px;
	}
	#toprow3
	{
		margin-left: 20px;
		display: inline;
		float: left;
		position: relative;
		width: 200px;
		height: 60px;
	}
	#toprow4
	{
		margin-left: 20px;
		display: inline;
		float: left;
		position: relative;
		width: 200px;
		height: 60px;
	}
	#contentleft
	{
		margin-left: 95px;
		margin-top: 0px;
		display: inline;
		float: left;
		position: relative;
 	 	width: 250px;
 		height: 1000px;
	}
	#contentright
	{
		margin-left: 50px;
		margin-top: 50px;
		display: inline;
		float: left;
		position: relative;
	  	width: 400px;
	 	height: 1000px;
	}
   </style>
 </head>
 <body>
 	<div class="container">
		<div id="header">
			<!-- TODO: Replace with Image -->
			<p class="title"><%= link_to 'Whisper Muse', "home", :method => "home" %></p>
		</div>

		<!-- Links -->
		<div id="toprow1">
			<center>
				<!--<a href="profile.rhtml"><font face="verdana">Profile</font></a>-->
				<%= link_to 'Profile', "my_account", :method => "my_account" %>
			</center>
		</div>
		
		<div id="toprow2">
			<center>
				<font face="verdana" color="yellow">Edit Account</font>
			</center>
		</div>
		
		<div id="toprow3">
			<center>
				<font face="verdana" color="yellow"><%= @user.username %></font>
			</center>
		</div>
		
		<div id="toprow4">
			<center>
				<%= link_to 'Logout', "login", :confirm => 'Are you sure?', :method => "logout" %>
			</center>
		</div>
		
		<div id="contentleft">
			<font face="verdana" size=5 color="yellow">Edit Account:</font>
		</div>
		
		<div id="contentright">
			<%= form_tag :action => 'edit_user' %>
				<font face="verdana" color="red">
				<% if flash[:error] %>
      				<%= flash[:error] %>
    			<% end %>
    			</font>
    			<font face="verdana" color="green">
				<% if flash[:notice] %>
      				<%= flash[:notice] %>
    			<% end %>
    			</font>
  				<p><font face="verdana" color="yellow">New Password:</font><br>
  				<%= password_field "user", "password", { :value => @user.password, :style => 'color:#fff;' } %>
  				</p>
  				<br>
  				<!--<p><font face="verdana" color="yellow">Confirm Password:</font><br>
  				<%= password_field "user", "password_confirm", { :style => 'color:#fff;' } %>
  				</p>-->
  				<br>
  				<p><font face="verdana" color="yellow">Interests:</font><br>
            	<%= text_area "user", "interests", { :value => @user.interests, :size => "40x10", :style => 'color:#fff;' } %>
            	</p>
            	<br>
            	<p><font face="verdana" color="yellow">Bio:</font><br>
            	<%= text_area "user", "bio", { :value => @user.bio, :size => "40x20", :style => 'color:#fff;' } %>
            	</p>
            	<br>
  				<%= submit_tag :'Save Changes', { :style => 'color:#fff;' } %>
  				<br>
 			</form>
		</div>
		
		<div class="clear">
		
		</div>
	</div>
 </body>
</html>